overflow属性是规定内容溢出了元素框时发生的事情
1、 visible:内容不会被修剪,会显示在元素框之外 默认值
2、 hidden: 内容会被修剪,溢出的内容不可见
3、 scroll: 内容会被修剪,会显示滚动条,以便查看溢出的内容;
4、 auto:当内容大于元素框时,内容会被修剪,会显示滚动条,以便查看溢出的内容,内容小于元素框时,不会显示滚动条。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
div{
width:200px;height:120px;border:4px solid red;
overflow:visible;
}
</style>
</head>
<body>
<div>
<img src="css7.03.01.png" alt="">
</div>
</body>
</html>
返回:
overflow:hidden;
返回:
overflow:scroll;
返回:
overflow:auto;
返回: